@(session: Session)

<style>

    .mr-1 {
        padding: 18px;
    }

    .mr-1 a:hover {
        text-decoration: unset;
    }

    .header-active{
        background-color: #2D8B67;
    }

    .header-active a{
        color: white;
    }

    .lang a{
        padding: 1em;
        border-radius: 20px;
    }

    .lang a:hover{
        background-color: #2D8B67;
        color: white;
    }


</style>
<nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
    <div class="navbar-brand-wrapper d-flex justify-content-center">
        <div class="navbar-brand-inner-wrapper d-flex justify-content-between align-items-center w-100">

            <span class="brand-logo">

                带出样本在线申请系统

            </span>
            <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
                <span class="mdi mdi-sort-variant"></span>
            </button>
        </div>
    </div>
    <div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">

        <ul class="navbar-nav navbar-nav-left">

        </ul>

        <ul class="navbar-nav navbar-nav-right">
            <li class="nav-item dropdown mr-1">
                <a class="nav-link count-indicator dropdown-toggle d-flex justify-content-center align-items-center" id="messageDropdown" href="#" data-toggle="dropdown">
                    @session.get("post")
                </a>

            </li>

        <li class="nav-item nav-profile dropdown">
                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" id="profileDropdown">
                    <span class="nav-profile-name">@session.get("name")</span>
                </a>
                <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
@*                    <a class="dropdown-item">
                        <i class="mdi mdi-settings text-primary"></i>
                        设置
                    </a>*@
                    <a class="dropdown-item" href="@routes.UserController.loginPage()">
                        <i class="mdi mdi-logout text-primary"></i>
                        退出登录
                    </a>
                </div>
            </li>
        </ul>
        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
            <span class="mdi mdi-menu"></span>
        </button>
    </div>
</nav>

